<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register</title>
    <link rel="stylesheet" href="css/register.css">
</head>
<body>
<div class="box">
    <h2>注册</h2>
    <form id="register-form" enctype="multipart/form-data">
        <div class="input-box">
            <label>账号</label>
            <input type="text" name="username"/>
        </div>
        <div class="input-box">
            <label>密码</label>
            <input type="password" name="password"/>
        </div>
        <div class="input-box">
            <label>昵称</label>
            <input type="text" name="nickname"/>
        </div>
        <div class="input-box">
            <label>性别</label>
            <select name="sex">
                <option value="male">男</option>
                <option value="female">女</option>
                <option value="other">其他</option>
            </select>
        </div>
        <div class="input-box">
            <label>年龄</label>
            <input type="number" name="age"/>
        </div>
        <div class="input-box">
            <label>头像上传</label>
            <input type="file" name="avatar"/>
        </div>
        <div class="btn-box">
            <button type="submit" id="register-button">注册</button>
        </div>
    </form>
</div>
<!-- 自定义模态窗口 -->
<div id="myModal" class="modal">
    <div class="modal-content">
        <span class="close">&times;</span>
        <p id="modal-text">一些文本在这里</p>
        <div class="modal-footer">
            <button id="modal-button">点击继续</button>
            <div/>
        </div>
    </div>
<div/>

<script src="js/register.js"></script>
</body>
</html>
